import React, { ReactElement } from 'react';
import UserChart from './chart/userChart';
import { Card } from 'antd';

interface Props {}

import ShopEcharts from '@/components/ShopEcharts';

import ShopCategoryEcharts from '@/components/ShopCategoryEcharts';

export default function index({}: Props): ReactElement {
  return (
    <div>
      <div style={{ display: 'flex' }}>
        <Card style={{ width: '50%' }}>
          <UserChart></UserChart>
        </Card>
        <Card style={{ width: '50%' }}>
          <ShopEcharts></ShopEcharts>
        </Card>
      </div>
      <Card style={{ marginTop: '40px' }}>
        <ShopCategoryEcharts />
      </Card>
    </div>
  );
}
